@import (reference) '../../../public/style/base.less';
.cell-wrap {
    .em {
        .f-dib;
        height: 20px;
        line-height: 20px;
        padding:0 5px;
        border-radius: 2px;
        color:#fff;
        &.f-FF8282 {
            background: #FF8282;
        }
        &.f-A2CD74 {
            background: #A2CD74;
        }
        &.f-F5A623 {
            background: #F5A623;
        }
    }
}
.tree {
    width: 300px;
    float: left; 
}
.select-checkbox {
    &:before {
        font-size: 20px;
        color: #D9D9D9;
        content: '\e653';
    }
    &.s-selected {
        &:before {
            color: #399FE4;  
            content: '\e652';
        }
    }
}
.m-tree {
    .u-node {
        margin-right: 5px;
        color: #BFC0AE;
            &:before {
            content: '\e643';
        }
    }
    .u-node.s-collected {
        &:before{
            content: '\e63d';
        }
    }
    .u-node-select {
        .select-checkbox;
    }
    .u-select {
        .u-select-status {
            &:before {
                font-size: 20px;
                color: #D9D9D9;
                content: '\e653';
            }
        }
        &.s-selected {
            .u-select-status {
                &:before {
                    color: #399FE4;    
                    content: '\e652';
                }
            }
        }
    }
    .m-tree-0 {
        padding-left:10px; margin-bottom:10px; background:#F8F8F8; border:1px solid #E6E6E6; width:460px;margin-top: 5px;
        
    }
    li {
        height: 30px;
        line-height: 30px;
        &:first-child {
            margin-top: 0px;
        }
    }
    .u-name {
        .e-ml5;
    }
}
